@charset "utf-8";
/* CSS Document */

/*中间内容*/
.panel-body li a{ text-align:center; padding:6% 0;display:block; color:#333}
.nav-tabs{ border:none }
.zuo{ float:left; margin-left:-22%; margin-top:10%;}
.left-zuo li{ float:none !important; border:none}
.right-er{ margin-top:20px;}
.tab-content{ margin-top:20px;}
#nav>li>a:hover{ 
border-bottom:1px #ccc solid !important; border-top:1px #ccc solid; border-left:3px #F96 solid;color:#FF6633; background:#f6f6f6;
}
.nav>li{ padding:0px !important;}
#nav-menu .active a{ border-bottom:1px #ccc solid !important; border-top:1px #ccc solid; border-left:3px #F96 solid;color:#FF6633; 
background:#f6f6f6}

/**/
.cur2{background:#fff; width:80%; padding:2% 20%;
			box-shadow:0px 0 3px #ccc, /*左边阴影*/ 2px 0 3px #ccc, /*右边阴影*/0 -2px 3px #ccc, /*顶部阴影*/0 2px 3px #ccc;}
.cur-yi img{ border-radius:100%; width:30%; margin:5% 0 2% 35%;}
.cur-yi p{ font-size:12px; margin:20px 0 0 20px;}
.cur-yi p span{ color:#000; margin:10px 5px 5px; font-size:14px;}
.cur-er{ border:15px #f6f6f6 solid; border-left:none; border-right:none; padding:5% 0; margin-top:20px;}
.cur-er li span,.cur-san li span{ height:26px; width:25px; margin:-8px 8%;}
.cur-er li span{ display:inline-block; background:url(../images/x-tip.png) top left;}
.cur-san{ margin:10px 0; border-bottom:15px #f6f6f6 solid; padding-bottom:10px;}
.cur-san li{ line-height:40px;}
.cur-san li a{ color:#333}
.cur-li-yi span{ display:inline-block; background:url(../images/x-tip.png) left -32px; }
.cur-li-er span{ display:inline-block; background:url(../images/x-tip.png) left -64px; }
.cur-li-san span{ display:inline-block; background:url(../images/x-tip.png) left bottom;}
/*2*/
.navbar-nav>li>.dropdown-menu{ border-bottom:1px #ccc solid}
.cur3{ padding:2% 8%; overflow:hidden; width:100%}
.nav-tabs-b{ border-bottom:1px #ccc solid !important}
.nav-tabs-c li a{ font-size:12px !important}
.tab-img img{ width:100%}


.si-time{ margin:0px; padding:0px; }
.si-time p{ margin:15px 0; padding:0px;}
.si-time p span{ font-size:12px; margin-top:5px;}
.si-time p i{font-size:13px; margin:0 5px;}
.si-box-b{ padding:0px 0px 55px 0px !important; margin:0px !important;}
.entered{ margin-top:40%}
.entered a{ padding:8px 12px; background:#169bd5; color:#fff; border-radius:5px; font-size:12px; }
.si-p{ color:#39f; margin-bottom:15px;}
.out a{background-color:#666 !important; color:#fff;}
#four:hover{transition:all .2s ease-in-out;
box-shadow:-4px 0 5px rgba(204, 204, 204, 0.2), /*左边阴影*/ 4px 0 5px rgba(204, 204, 204, 0.2), /*右边阴影*/0 -4px 5px rgba(204, 204, 204, 0.2), /*顶部阴影*/0 4px 5px rgba(204, 204, 204, 0.2);}
.side-h3 #nav>li:hover{ background:none}
.home-er{ padding:0px;}
.home-da{ padding:10px 0; overflow:hidden}
.home-da:hover{ background:#f3f3f3}

.si-xuexi{ width:100%;}
.si-xuexi .entered{ margin-right:12% !important}
.si-xuexi p{ font-size:12px; margin-top:1%}
.si-xuexi p span{ font-size:14px; margin-left:10px}
.si-xuesan{ width:100%; overflow:hidden}
.si-xuesan .entered a{ background:#999; color:#fff;}

.cur4{padding:2% 5%; overflow:hidden; width:100%}
.cur4 h5{ margin-bottom:5%}
.xue-c{ border:none !important; color:#fff; padding:5px 10px; background:#169bd5; border-radius:5px}
.xue-d{ border:none !important; color:#fff; padding:5px 10px; background:#169bd5; border-radius:5px; display:none;}

.xue-b{ width:16%; border:1px #169bd5 solid;border-radius:5px; padding:1% 2%; display:none;}
.xuebi-yi-p{ margin-left:12%;}
.xuebi-yi-p span{ margin:0 22% 0 0;}
.xuebi-er-p{ margin-top:4%}
.cur4-xuebi{ position:relative;}
.cf-shu{ position:absolute; left:38%;font-size:30px;}
.caifu-tis{ margin:7% 0 0 37%;}

<!--支付-->
.modal-box{ width:24%; margin:10% auto; background:#fff; padding-top:1%; position:relative;}
.a-close{ position:absolute; right:-10px; top:-10px; padding:5px 10px; color:#fff; opacity:1; background:#666; border-radius:100%; border:1px #fff solid;}
.a-close:hover{ color:#fff; opacity:1}

.modal-h-img img{ margin:10px 34%; width:33%}
.modal-b-img img{width:34%; margin:0 35%}
.modal-footer{ border-bottom:1px #169BD5 solid; border-top:none; padding:0px; margin:13% 0 7% 0;}
.modal-b-img{ margin:0px; padding:0px;}
.modal-footer p{ color:#169BD5}

/*content*/
.c-zhong{ margin:8% 0;position:fixed; width:30%; z-index:5; padding-top:2%; background:#FFF; 
			box-shadow:0px 0 3px #ccc, /*左边阴影*/ 2px 0 3px #ccc, /*右边阴影*/0 -2px 3px #ccc, /*顶部阴影*/0 2px 3px #ccc}
.c-z-right{ float:right}
.c-tishi{ font-size:12px;}
.c-z-right p{ margin:1.5em 0}
.c-z-right p a{ padding:12px 30%; border-radius:5px; color:#fff; background:rgba(22, 155, 213, 1);}
.c-piao{ background:#f5f5f5; padding:20px; margin:20px 0;}
.c-piao p{ margin-top:0px !important; font-size:12px; color:#666}
.c-piao p span{ color:#09f; font-size:18px;}
.c-er-h3{ margin:20px 0 10px 0;}
.c-information-er{ margin:0px 0;}
.modal-header{ border-bottom:none}
.modal-box{ width:100%; overflow:hidden; background:#fff;}
.cur4-box p{ font-size:12px;}


/**/
.nav-tabs-c{ margin-top:30px;}
.nav-mx li{ float:left; }
.nav-n-li{ margin-top:5px; font-size:12px;}
.nav-mx li a{padding:5px 10px; color:#777; font-size:12px !important; border-radius:0;}
.nav-mx li:hover{ background:none}
.nav-mx li a:hover{ background:#F96; color:#fff;}
.nav-mx .active a{color:#fff !important; background:#F96 !important; border:none !important}
.nav-select{ margin-top:20px;}
.nav-select li select{ padding:3px; margin:0 10px; color:#666; font-size:12px;}
.caifu-p-left{ margin-left:5px}
.nav-select .nav-n-li #xuan{ border:none; background:#ccc !important; color:#fff; padding:5px 10px !important;}
.nav-select .nav-n-li{ margin:0px !important;}
.cf-table{ margin-top:10px;}

.cf-table thead tr td{ border-left:none; border-right:none;  border-bottom:none;padding:15px 0; text-align:center;}
.cf-table tbody tr td{ text-align:center;}



/*设置*/
.cur5{ width:80%}
.gen-img{ width:50%; position:relative; margin:0 auto;}
.gen-img img{ width:40%; margin:3% 30%; border-radius:100%}
.ge-photo{ overflow:hidden}
.ge-photo-p{ margin:6% 29%;}
.p-she-img img{ width:75% !important; margin:0 13%; padding:0px !important;border-radius:100%}

.bianji{ width:7% !important; position:absolute; left:34%; top:50%}
.ge-xinxi{ margin-top:20px;}
.geren-xian{ border-bottom:1px #ccc solid; padding-bottom:10px;}
.gern-ul{ margin:10px 0;}
.gen-er-li{ color:#666; padding:6% 7%; border:1px #ccc solid;}
.ger-col{ width:88%; margin:0 10%}
.gern-ul li{ float:left; margin-right:10px;}
.gern-ul select,.gen-a-li{ padding:3px;}
.gen-a-li{color:#666;}
.jie-text{ width:80%; margin:3% 6%; color:#666; padding:10px;}
.jie-button{ background:#FF6633; border-radius:10px; width:20%; margin:2% 28%; padding:1%; color:#fff; border:none}
/*注册*/
.ulist{ width:100%;}
.controls{ position:relative}
#phone{ width:100%;}
#code{ width:70%}
#J_getCode{ border:1px #f63 solid; background:#fff !important; color:#f63}
.bl-form-text p span{ color:#0099FF; }



.hei{ height:980px; width:100%; background:#fff; display:none; opacity:0.8}
.da-uesr{ z-index:999; width:100%; overflow:hidden}
#da-logon{  margin-top:2%}
.logo{width:40%; margin:2% auto; overflow:hidden}
.registered{ width:40%; margin:2% auto; padding:3%; overflow:hidden}

a,img{border:0;}

table {border-collapse:collapse;border-spacing:0;}

td,th {padding:0;}


.clear {clear:both;}
.clear:before,.clear:after {content:"";display:table;}
.clear:after {clear:both;}

/* form-div */
.home-none{ height:650px;}
.home-none:hover{ background:none}
form{ width:75%; margin:8px auto; padding:0 2%}
.btn-primary{ width:100% !important; border:none; margin-top:3%; padding:10px 0; background:#f63 !important;}
.fn-tinput{ width:100%;}
.form-div{background-color:rgba(255,255,255,0.27); border-radius:10px; border:1px solid #aaa; width:40%; margin:20px auto;padding:30px 0 20px 0px; font-size:12px;box-shadow:inset 0px 0px 10px rgba(255,255,255,0.5),0px 0px 15px rgba(75,75,75,0.3);}
tbody{ width:100%;}
.form-div input[type="text"], .form-div input[type="password"]{width:140%; margin:10px 0; line-height:20px; font-size:14px;}
.form-div input[type="checkbox"]{margin:20px 0 20px 10px;}
.form-div input[type="button"],.form-div input[type="submit"]{margin:10px 0px 0 0;}

.cs-mima{ position:absolute; background:#f63; padding:5px; top:12px; right:8px; color:#fff; font-size:12px;}
.cs-phone{ position:absolute; background:#f63; padding:5px; bottom:8px; right:32%; color:#fff; font-size:12px;}
.get-code{ padding:10px 5%; border-radius:0px;}
.form-div table{margin:0 auto; text-align:right; color:rgba(64,64,64,1.00);}
.form-div table img{vertical-align:middle; margin:0 0 5px 0;}
.b-denglu{ width:68%; margin:20px 25% !important; background:#f63 !important; text-align:center; padding:15px 0 !important; font-size:14px !important}
#uid{ width:100% !important}
.fn-tinput:focus,textarea:focus{ border-color:#c00;}
.bl-form label{ float:left; width:100px; text-align:right; padding-top:6px;}
.bl-form .controls label{ width:auto;}
.bl-form li{ margin-top:15px; overflow:hidden;}


input[type="text"], input[type="password"], input[type="email"] {
  
    box-shadow:inset 0 2px 5px #eee;
    padding:10px;
    border:1px solid #D4D4D4;
    color:#333333;
    margin-top:5px;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
    border:1px solid #50afeb;
	outline:none;
}
input[type="button"], input[type="submit"] {
    padding:7px 15px;
    background-color:#3c6db0;
    text-align:center;
    border-radius:5px;
    overflow:hidden;
    border:none;
	color:#FFF;
	box-shadow:1px 1px 1px rgba(75,75,75,0.3);
}
input[type="button"]:hover, input[type="submit"]:hover {
    background-color:#5a88c8;
}
input[type="button"]:active, input[type="submit"]:active {
    background-color:#5a88c8;
}

/*订单*/
.cur6{ padding:2% 8%;}
.home-ding:hover{ background:none}
.cur6 p{ font-size:14px;}
.wode-box{ border:1px #ccc solid; overflow:hidden; margin:10px 0;}
.wode-yi{ background:#f5f5f5; padding:2% 3% 0% 2%;overflow:hidden;}
.wode-yi-hei{ color:#000;}
.wode-er-img img{ width:100%; margin:10px 0 10px 0px;}
.wode-san-xin{ padding:5px;}
.wode-san-xin h5{ margin:22px 0;}
.wode-si-a{ border-left:1px #ccc solid; padding:8.4% 4%;}

<!--right-->


.you-list{ margin:30px; padding:15px 30px;}
.you-list-li{ padding:35px 0;}
.y-list-title{ color:#333;}
.y-list-ww{ font-size:14px}
.y-list-aa{ font-size:13px;}
.si-time li{ float:left; margin:0 8px; font-size:14px;}
.si-time li i{ margin-right:5px;}
.si-time li a i{ color:#666}
.r-xia-p span{ margin-left:5px;}


.r-box-li{ padding:0px 0px 0 15px;}
.r-er-box{ margin:20px 0px 5px 0px;}
.r-box-li img{ width:100%; border-radius:100%;}
.right-er{ margin:20px 0;}
.r-box-xia{ margin-top:10px;}
.r-box-xia p{ font-size:12px;}
.r-xia{ border-top:1px #ccc solid; overflow:hidden; padding:10px 10px 3px 10px; margin:15px 0 0 0;}
.r-xia p{ color:#999;}
.san_3{ color:#363636}
.delete{ padding:5px 8px; border:1px #ccc solid; border-radius:10px; font-size:12px; color:#444}
.r-margin{ margin:0 10px; padding:15px 0px 0 0px; border:1px #ccc solid; border-radius:10px;}
.right{ width:50%; margin:5% 30%}


/*新手上路*/
.y-center-er{margin-top:5%; padding:10px 15% 10px 8%;}
.y-center-er p{ color:#666; line-height:25px;}
.right_content{ padding:3%; margin:20px 0; background:#fff;}
.right-xian{ background:none; border-bottom:1px #ccc solid; padding-bottom:40px;}
.right-xian li{ padding-left:0px;}
.right-xian li a{ color:#666; cursor:pointer; position:relative}
.right-xian .h-hover{color:#FF6633; border-bottom:1px #FF6633 solid; padding-bottom:22px;}

